<!--
- Author:   .
- Date:    2017/7/12 0012.
- File:    success.
-->
<template>
  <div class="payment_box">
    <i class="iconfont icon-close"></i>
    <h3>支付失败</h3>
    <div class="button f-cb">
      <span class="btn1 fl" @click="gotoOrderDetail">查看订单</span>
      <router-link :to="{name: 'home'}">
        <span class="btn1 fr">返回首页</span>
      </router-link>
    </div>
    <!--<div v-show="memberInfo.is_brush_man == '1'">-->
      <!--<p class="tistext" style="padding-top: 0">积分处理方式</p>-->
      <!--<div class="button f-cb"><a class="btn1 fl" @click="gotoWithdraw" style="width: 4.5rem">转到银行卡</a><router-link :to="{name: 'account-transfer'}" class="btn1 fr" style="width: 4.5rem">转到经验值</router-link></div>-->
    <!--</div>-->
    <footer-tab></footer-tab>
  </div>
</template>

<script>
  import {mapModules, mapRules} from 'vuet'

  export default{
    mixins: [
      mapModules({memberInfo: 'memberInfo'}),
      mapRules({once: ['memberInfo']})
    ],
    data() {
      return {
        id: this.$route.query.id || this.$utils.getQueryString('id')
      }
    },
    methods: {
      gotoOrderDetail() {
        this.$router.push({name: 'order-detail', params: {id: this.id}})
      },
      gotoWithdraw() {
        this.$router.push({name: 'account-withdraw'})
      }
    }
  }
</script>

<style>
  .payment_box .icon-close {
    display: block;
    font-size: 4rem;
    text-align: center;
    margin: 2rem auto 1rem auto;
    color: #f83166;
  }

</style>